<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
    />
    <link rel="stylesheet" href="../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../assets/common/common.css" />
    <link rel="stylesheet" href="./carhome.css" />
    <title>Document</title>
  </head>

  <body>
    <div class="header flex aic jc-sb">
      <a href="../index/index.html" class="left pl-20 aic flex">
        <i class="iconfont icon-zuojiantou"></i>
      </a>
      <div class="center aic f16">
        <span>车辆</span>
      </div>
      <div class="right pr-20 aic flex">
        <span></span>
      </div>
    </div>
    <ul class="list flex aic jc-sa">
      <li class="item fdc aic jc-sb">
        <div class="top1">
          <i class="iconfont icon-qiche f30"></i>
        </div>
        <div class="botton f14 pt-5">
          <span>申请用车</span>
        </div>
      </li>
      <a href="./huanche.html" class="item fdc aic jc-sb">
        <div class="top2">
          <i class="iconfont icon-zuchecheliang f30"></i>
        </div>
        <div class="botton f14 pt-5">
          <span>还车登记</span>
        </div>
      </a>
      <a href="./yongche1.html" class="item fdc aic jc-sb">
        <div class="top3">
          <i class="iconfont icon-shenfenzheng_huabanfuben f30"></i>
        </div>
        <div class="botton f14 pt-5">
          <span>用车记录</span>
        </div>
      </a>
      <a href="./fourth.html" class="item fdc aic jc-sb">
        <div class="top4">
          <i class="iconfont icon-wodewenjianjia- f30"></i>
        </div>
        <div class="botton f14 pt-5">
          <span>还车记录</span>
        </div>
      </a>
    </ul>
    <div class="week flex aic pl-20">
      <div class="text-box f14 aic jc-c flex">
        <span>1月4日</span>
        <span class="day">周四</span>
        <div class="xiajiantou">
          <i class="iconfont icon-xiajiantou pl-10"></i>
        </div>
      </div>
    </div>

    <ul class="footer pl-20">
      <div class="gaodu">
        <li class="usercar flex pt-15">
          <img src="../../assets/img/u5761 (3).jpg" alt="" />
          <a href="./cardetaili.html" class="total pl-20">
            <div class="top flex">
              <p>
                <span>客户专用车</span>
              </p>
              <p class="text f12 aic jc-c flex ml-10">
                <span>使用中</span>
              </p>
            </div>
            <div class="flex pt-15 f10 f12">
              <p>
                <i class="iconfont icon-duoren f14"></i>
                <span>5座</span>
              </p>
              <p class="ml-20">
                <i class="iconfont icon-qiche f14"></i>
                <span>别克GL8</span>
              </p>
            </div>
          </a>
        </li>
        <div class="xiantiao flex pt-10">
          <p class="xian1">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
        </div>
        <div class="num jc-sa flex f12 mt-10">
          <span class="ml-15">10</span>
          <span>12</span>
          <span class="ml-5">14</span>
          <span>16</span>
          <span>18</span>
          <span>20</span>
          <span class="mr-30">22</span>
        </div>
      </div>
    </ul>
    <ul class="footer pl-20 mt-10">
      <div class="gaodu">
        <li class="usercar flex pt-15">
          <img src="../../assets/img/u5761 (3).jpg" alt="" />
          <div class="total pl-20">
            <div class="top flex">
              <p>
                <span>客户专用车</span>
              </p>
              <p class="text f12 aic jc-c flex ml-10">
                <span>使用中</span>
              </p>
            </div>
            <div class="flex pt-15 f10 f12">
              <p>
                <i class="iconfont icon-duoren f14"></i>
                <span>5座</span>
              </p>
              <p class="ml-20">
                <i class="iconfont icon-qiche f14"></i>
                <span>别克GL8</span>
              </p>
            </div>
          </div>
        </li>
        <div class="xiantiao flex pt-10">
          <p class="xian1">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
        </div>
        <div class="num jc-sa flex f12 mt-10">
          <span class="ml-15">10</span>
          <span>12</span>
          <span class="ml-5">14</span>
          <span>16</span>
          <span>18</span>
          <span>20</span>
          <span class="mr-30">22</span>
        </div>
      </div>
    </ul>
    <ul class="footer pl-20 mt-10">
      <div class="gaodu">
        <li class="usercar flex pt-15">
          <img src="../../assets/img/u5761 (3).jpg" alt="" />
          <div class="total pl-20">
            <div class="top flex">
              <p>
                <span>客户专用车</span>
              </p>
              <p class="text f12 aic jc-c flex ml-10">
                <span>使用中</span>
              </p>
            </div>
            <div class="flex pt-15 f10 f12">
              <p>
                <i class="iconfont icon-duoren f14"></i>
                <span>5座</span>
              </p>
              <p class="ml-20">
                <i class="iconfont icon-qiche f14"></i>
                <span>别克GL8</span>
              </p>
            </div>
          </div>
        </li>
        <div class="xiantiao flex pt-10">
          <p class="xian1">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
          <p class="xian2 ml-5">
            <span></span>
          </p>
          <p class="xian1 ml-5">
            <span></span>
          </p>
        </div>
        <div class="num jc-sa flex f12 mt-10">
          <span class="ml-15">10</span>
          <span>12</span>
          <span class="ml-5">14</span>
          <span>16</span>
          <span>18</span>
          <span>20</span>
          <span class="mr-30">22</span>
        </div>
      </div>
    </ul>

    <div class="footerpro f12 flex jc-c mt-10 aic">
      <span>没有更多数据了~</span>
    </div>
    <div class="pop rel fixed">
      <div class="caidan abs">
        <div class="dingbu flex jc-sb pl-15 pr-15">
          <span class="sel">取消</span>
          <span class="base sel">确定</span>
        </div>
        <div class="riqi mt-10">
          <p class="flex jc-sa mt-10">
            <span>2020年</span>
            <span>01月</span>
            <span>01日</span>
          </p>
          <p class="flex jc-sa">
            <span>2019年</span>
            <span>01月</span>
            <span>01日</span>
          </p>
          <p class="flex jc-sa">
            <span>2018年</span>
            <span>01月</span>
            <span>01日</span>
          </p>
          <p class="tebie flex jc-sa">
            <span>2017年</span>
            <span>01月</span>
            <span>01日</span>
          </p>
          <p class="flex jc-sa">
            <span>2016年</span>
            <span>01月</span>
            <span>01日</span>
          </p>
          <p class="flex jc-sa">
            <span>2015年</span>
            <span>01月</span>
            <span>01日</span>
          </p>
          <p class="flex jc-sa">
            <span>2014年</span>
            <span>01月</span>
            <span>01日</span>
          </p>
        </div>
      </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
      $(".pop").hide();
      $(".week").on("click", function () {
        $(".pop").show();
      });
      $(".pop").on("click", ".sel", function () {
        $(this).closest(".pop").hide();
      });
    </script>
  </body>
</html>
